<template>
    <div>
        <!--  {{ Data }} -->
        <table style="background-color: white;height: 150px;width: 1081px;">
            <tr>
                <td style="width: 200px;">
                    <img src="../../../img/tx.webp" />
                </td>
                <td>
                    <h2>{{ Data.SupplierName }}</h2>
                    <br>
                    |
                    {{ Data.DateOfCooperation
                        ? Data.DateOfCooperation.substring(0, 10)
                        : null }} &emsp;合作
                </td>
            </tr>
        </table>
        <br>
        <br>
        <hr>
        <br>
        <br>
        <div style="background-color: white;height:  300px;width: 1081px;">
            <div>
                <div style="display: inline-block;">供应商信息</div>
                <hr style="display: inline-block; width: 100%;">

            </div>
            <table>
                <tr>
                    <td class="cell">供应商名称：{{ Data.SupplierName }}</td>
                    <td></td>
                    <td class="cell">供应商集团分类：{{ Data.SupplierType ? "个人" : "企业" }}</td>
                </tr>
                <tr>
                    <td class="cell">助记码：</td>
                    <td></td>
                    <td class="cell">使用状态：{{ Data.UseOftate ? "启用" : "禁用" }}</td>
                </tr>
                <tr>
                    <td class="cell">负责人姓名：{{ Data.PrincipalName }}</td>
                    <td></td>
                    <td class="cell">电话：{{ Data.PrincipalTelephone }}</td>
                </tr>
                <tr>
                    <td class="cell">所在地：{{ Data.Location }}</td>
                    <td></td>
                    <td class="cell"></td>
                </tr>
                <tr>
                    <td class="cell">所属行业：{{ Data.IndustryInvolved }}</td>
                    <td></td>
                    <td class="cell">
                    </td>
                </tr>
                <tr>
                    <td class="cell"></td>
                    <td class="cell"></td>
                </tr>
            </table>

        </div>
    </div>
</template>

<script setup lang="ts">
import http from '@/http';
import { ref, reactive, inject, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import type { AxiosStatic } from 'axios';
import {
    Plus,
    Search,
    Delete,
    DocumentChecked,
    Back,
    Warning,
    SuccessFilled
} from '@element-plus/icons-vue'
import { useRoute, useRouter } from "vue-router"
const router = useRouter()
const route = useRoute()
import { shallowRef } from '@vue/reactivity';

const Data = ref({});

const LoadData = () => {
    http.get("OrganizationRead/api/Supplier/GetByIdSupplier?SupplierId=" + route.query.id).then(res => {
        Data.value = res.data;
        console.log(Data);
    })
}







onMounted(() => {
    //alert(route.query.id);
    LoadData();
});




</script>

<style>
.cell {
    padding: 15px;
    /* 调整单元格内边距 */
}
</style>